//解析主页面传入的参数属性值
let yy = getUrlParams(location.href)
console.log(yy);

let categoryid = yy.categoryid
let title= yy.category
console.log(title);
//请求数据
fetch(`http://chst.vip:1234/api/getproductlist?categoryid=${categoryid}`)
    .then((body) => body.json())
    .then((res) => {
        console.log(res);
        let html = "";
        let { result: data } = res;
        let a = ""
        a=`<a>${title}</a>`
        data.forEach((item) => {
            console.log(item);
            html += `
            <li productid="${item.productId}" categoryid="${item.categoryId}">
            <div class="img">${item.productImg}</div>
            <div class="name">
            <h4>${item.productName}</h4>
            <div class="price">${item.productPrice}</div>
            <span>${item.productQuote}</span>
            <i>${item.productCom}</i>
            </div>
            </a>
            </li>`
        })
        document.querySelector("#nav-vv ul").innerHTML += html;
        $('#subNav').append(a)
    })
    $("#nav-vv ul").on("click","li",function(){
        console.log(this);
        let categoryid = $(this).attr("categoryid")
        console.log(categoryid);

        let productid = $(this).attr("productid")
       

        location.href=`../pages/bijiajia.html?categoryid=${categoryid}&productid=${productid}`
    })
    

// (function(){
//     let qr = getUrlParams(location.href)
//     let categoryid = qr.categoryid;
//     let productid = qr.productid; 
//     let titletl = qr.title
//     console.log(titletl);
//     $.ajax({url:`http://chst.vip:1234/api/getproduct?productid=${productid}`})
//     .then(res=>{
//         // console.log(res);
//         let newData = [...res.result]
//         let backtl = `<a href="../pages/brand.html">${titletl}&gt;</a>`
//         let page = ''
//         newData.forEach(item=>{
//            let title = item.productName.substr(0,4);
//            backtl+=`<a href="">${title}</a>`
//             page+= `
//             <div class="info">
//                 <div class="pic">
//                     ${item.productImg}
//                 </div>
//                 <div class="title">${item.productName}</div>
//             </div>
//             <div class="makeprice">
//                 ${item.bjShop}
//             </div>
//             `
//         })
//         $('main').prepend(page)
//         $('.backup').append(backtl)
//     })
//     $.ajax({url:`http://chst.vip:1234/api/getproductcom?productid=${productid}`})
//     .then(res=>{
//         console.log(res);
//         let newData = [...res.result]
//         let hhtml=''
//         newData.forEach(item=>{
//             hhtml+=`
            
//             <div class="content clearfix">
//                 <div class="up clearfix">
//                     <span class="id fl">${item.comName}</span>
//                     <span class="time fr">${item.comTime}</span>
//                 </div>
//                 <div class="content_in">
//                     ${item.comContent}
//                 </div>
//                 <div class="form fr">
//                     <span>${item.comFrom}</span>
//                 </div>
//             </div>
//             `  
//         })
//         $('.comment').append(hhtml)
//     })
// })()